@CHARSET "UTF-8";

* { margin:0px; padding:0px;}

#headerTitle
{
	margin-left : auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom : 1em;
	text-align : center;
	font-size : 3em;
}

#cards
{
	position : relative;
	float : left;
	width : 300px;
	height : 400px;
	border-right : 1px solid blue;
}

#players
{
	position : relative;
	float : left;
	border : 0px solid red;
	margin-left : 10px;	
}

.hiddenCard
{
	position : absolute;
	width : 72px;
	height : 97px;
	border : 1px solid black;
	overflow: hidden;
	background-color : grey;
}

.templateCard
{
	position : absolute;
	width : 72px;
	height : 98px;
	border : 0px solid red;
	overflow: hidden;
	background-image:url('/bundles/btrdurak/images/cards.png');
	background-position: -1px -1px;
}

#computerPlayer, #humanPlayer, #desk
{
	position : relative;
	width : 800px;
	height : 150px;
}

#desk
{
	border-top : 1px solid blue;	
	border-bottom : 1px solid blue;			
}

#endAttack, #accept
{
	display : none;
}

.button
{
   position: relative;
   float : left;
   margin: 20px;
   padding: 5px;
   color : white;
   background-color : grey;
   border: 2px solid black;
   cursor: pointer;	
}